import React, { Component,Suspense } from 'react'
import { Route,Switch,Redirect } from 'react-router-dom'

export class RouterView extends Component {
  render() {
      const {routerConfig}=this.props
    return (
      <Suspense>
          <Switch>
              {routerConfig.length?routerConfig.map((item,index)=>{
                  return item.redirect?<Redirect
                    key={index}
                    to={item.redirect}
                  ></Redirect>:
                  <Route
                    key={index}
                    path={item.path}
                    // component={item.component}
                    render={(props)=>{
                        return <item.component
                                {...props}
                                routerConfig={item.children}
                        ></item.component>
                    }}
                  ></Route>
              }):'暂无路由'}
          </Switch>
      </Suspense>
    )
  }
}

export default RouterView